<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>图片灯箱插件</title>
    <link rel="stylesheet" type="text/css" href="http://www.imooc.com/data/jquery.notesforlightbox.css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="http://www.imooc.com/data/jquery.notesforlightbox.js"></script>
</head>

<body>
    <div id="divtest">
        <div class="title">
            <span class="fl">我的相册</span>
        </div>
        <div class="content">
            <div class="divPics">
                <ul>
                    <li><a href="http://img.mukewang.com/52e489f20001ecfc04480275.jpg" title="第1篇风景图片">
                            <img src="http://img.mukewang.com/52e489f20001ecfc04480275.jpg" alt="" />
                        </a></li>
                    <li><a href="http://img.mukewang.com/52e48a1e0001eec804480275.jpg" title="第2篇风景图片">
                            <img src="http://img.mukewang.com/52e48a1e0001eec804480275.jpg" alt="" />
                        </a></li>
                    <li><a href="http://img.mukewang.com/52e48a4c00015ad204480275.jpg" title="第3篇风景图片">
                            <img src="http://img.mukewang.com/52e48a4c00015ad204480275.jpg" alt="" />
                        </a></li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    $(function() {
        $(".divPics a").lightBox({
            overlayBgColor: "#666", //图片浏览时的背景色
            overlayOpacity: 0.5, //背景色的透明度
            containerResizeSpeed: 600 //图片切换时的速度
        })
    });

    console.log(screenTop)


    
    </script>
</body>

</html>